<template>
    <div>
        <span>
            <!-- 以前的版本，弃用--和当前安装的插件不符 -->
            <img class="preview-img"  v-for="(item,index) in list" :key="index" :src="item.src" height="100" @click="$preview.open(index,list)">
        </span>
    </div>
</template>

<script>

export default {
    data(){
        return {
            list: [
                {
                    src: 'https://farm6.staticflickr.com/5591/15008867125_68a8ed88cc_b.jpg',
                    msrc: 'https://farm6.staticflickr.com/5591/15008867125_68a8ed88cc_m.jpg',
                    w: 600,
                    h: 400
                },
                {
                    src: 'https://farm4.staticflickr.com/3902/14985871946_86abb8c56f_b.jpg',
                    msrc: 'https://farm4.staticflickr.com/3902/14985871946_86abb8c56f_m.jpg',
                    w: 1200,
                    h: 900
                }
            ]
        }
    },
    created(){

    },
    mounted(){
        
    },
    methods:{
        
    }
}
</script>

<style lang="scss" scoped>

</style>